<template>
	<div id="app">
		<header-bar v-if="!!$route.meta.needBottomBar"></header-bar>
		<left-nav v-if="!!$route.meta.needBottomBar"></left-nav>
		<router-view></router-view>
		
	</div>
</template>
<script>
	import './assets/css/AdminLTE.min.css';
	import './assets/css/font-awesome.min.css';
	import './assets/css/bootstrap.min.css';
	import './assets/css/bootstrap-table.min.css';
	import './assets/css/ui.jqgrid-bootstrap.css';
    import './assets/css/all-skins.min.css';
	import './assets/css/index1.css';
	import './assets/css/main.css';
	import './assets/js/app.js';
//	import './assets/js/grid.locale-cn.js';
	import './assets/js/jquery.jqGrid.min.js';
	
	import leftNav from './components/LeftNav';
	import headerBar from './components/HeaderBar';
	export default {
		name: 'App',
		data() {
			return {
				
			}
		},
		components: {
			leftNav,
			headerBar
		}
	}
</script>
<style>
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		/*margin-top: 60px;*/
	}
	
	.logoImg {
		position: absolute;
		width: 150px;
		top: 20px;
		left: 30px;
	}
	.sidebar-menu .treeview-menu>li>a{
		color: #8aa4af;
	}
	.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #337ab7;
}
</style>